<script>
import config from '../../package.json'
export default {
  data() {
    return {
      version: config.version,
      vueVersion: config.dependencies.vue.substring(1),
      vueRouterVersion: config.dependencies['vue-router'].substring(1),
      piniaVersion: config.dependencies.pinia.substring(1),
    }
  },
  computed: {
    copyRightYear() {
      return new Date().getFullYear()
    },
  },
}
</script>

<template>
  <footer>
    <p>&copy; 2022-{{ copyRightYear }} <span>实验室设备管理</span> v{{ version }}</p>
    <p>
      系统支持环境：Vue{{ vueVersion }}+Vue Router{{ vueRouterVersion }} + Pinia {{ piniaVersion }}
    </p>
  </footer>
</template>

<style scoped>
p {
  margin: 8px 0;
}
</style>
